<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>小米首页</title>
	<link rel="stylesheet" href="./css/MI.css">
</head>
<body>
<!-- 顶部开始 -->
	<div class="top">
		<div class="top-mid">
			<div class="top-left">
				<a href="" class="top-link">小米商城</a>
				<span>|</span>
				<a href="" class="top-link">MIUI</a>
				<span>|</span>
				<a href="" class="top-link">米聊</a>
				<span>|</span>
				<a href="" class="top-link">游戏</a>
				<span>|</span>
				<a href="" class="top-link">多看阅读</a>
				<span>|</span>
				<a href="" class="top-link">云服务</a>
				<span>|</span>
				<a href="" class="top-link">金融</a>
				<span>|</span>
				<a href="" class="top-link">小米网移动版</a>
				<span>|</span>
				<a href="" class="top-link">问题反馈</a>
				<span>|</span>
				<a href="" class="top-link">Select Region </a>
			</div>
			<div class="top-right">
				<a href="" class="top-link">登录</a>
				<span>|</span>
				<a href="" class="top-link">注册</a>
				<span>|</span>
				<a href="" class="top-link">消息通知</a>
				<a href="" class="top-link-car"><i class='iconfont'>&#xe60c;</i>&nbsp;购物车(0)</a>
			</div>
		</div>
	</div>
<!-- 顶部结束	
<!-- 头部开始 -->
	<div class="head">
		<div class="head-fast">
			<div class="logo" >
				<a class="logo-left" href=""><img src="./image/logo.png"></a>&nbsp;
				<a class="logo-right" href=""><img src="./image/mi5.gif" ></a>
			</div>
			<div class="menu">
				<a href="" class="menu-link">小米手机</a>
				<a href="" class="menu-link">红米</a>
				<a href="" class="menu-link">平板 · 笔记本</a>
				<a href="" class="menu-link">电视</a>
				<a href="" class="menu-link">盒子 · 影音</a>
				<a href="" class="menu-link">路由器</a>
				<a href="" class="menu-link">智能硬件</a>
				<a href="" class="menu-link">服务</a>
				<a href="" class="menu-link">社区</a>
			</div>			        
			<div class="search">
				<input type="text" class="text">
				<input type="submit" class="submit" value="">
			</div>
		</div>
		<div class="head-middle">
			<div class="head-top">
				<div class="middle-menu-brother"></div>
				<ul class="head-middle-menu">
					<li class="head-middle-menu-link"><a href="">手机 电话卡</a></li>
					<li class="head-middle-menu-link"><a href="">笔记本 平板</a></li>
					<li class="head-middle-menu-link"><a href="">电视 盒子</a></li>
					<li class="head-middle-menu-link"><a href="">路由器 智能硬件</a></li>
					<li class="head-middle-menu-link"><a href="">移动电源 电池 插线板</a></li>
					<li class="head-middle-menu-link"><a href="">耳机 音箱</a></li>
					<li class="head-middle-menu-link"><a href="">保护套 贴膜</a></li>
					<li class="head-middle-menu-link"><a href="">线材 支架 存储卡</a></li>
					<li class="head-middle-menu-link"><a href="">箱包 服饰</a></li>
					<li class="head-middle-menu-link"><a href="">米兔 生活周边</a></li>
				</ul>
				<div class="head-midlle-ad">
				 	<img src="./image/ad-big.jpg" alt="">
				</div>
			</div>
			<div class="head-end">
				<div class="head-end-left">
					<ul>
						<li class="head-end-left-list">
							<a href="" class="head-end-left-menu">选购手机</a>
							<span class="cut-line"></span>
						</li>
						<li class="head-end-left-list">
							<a href="" class="head-end-left-menu">企业团购</a>
							<span class="cut-line"></span>
						</li>
						<li class="head-end-left-list">
							<a href="" class="head-end-left-menu">官翻产品</a>
						</li>
						<li class="head-end-left-list">
							<span class="cut-top"></span>
							<a href="" class="head-end-left-menu">小米移动</a>
							<span class="cut-line-down"></span>
						</li>
						<li class="head-end-left-list">
							<span class="cut-top-mid"></span>
							<a href="" class="head-end-left-menu">以旧换新</a>
							<span class="cut-line-down"></span>
						</li>
						<li class="head-end-left-list">
							<span class="cut-top-right"></span>
							<a href="" class="head-end-left-menu">话费充值</a>
						</li>
					</ul>
				</div>
				<div class="head-end-right">
					<ul>
						<li class="head-end-right-list"><a href="" class="head-end-right-image">
						<img src="./image/head-last-ad1.jpg"></a>
						</li>
						<li class="head-end-right-list"><a href="" class="head-end-right-image">
						<img src="./image/head-last-ad2.jpg"></a>
						</li>
						<li class="head-end-right-list"><a href="" class="head-end-right-image">
						<img src="./image/head-last-ad3.jpg"></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<!-- 头部结束 -->
<!-- 主体开始 -->
	<div class="middle">
		<div class="middle-head">
			<div class="middle-end">
				<div class="middle-end-top">
					<div class="end-top-left">小米明星单品</div>
					<div class="end-top-right">
						<input type="submit" value="左" class="end-button"><input type="submit" value="右" class="end-button">
					</div>
				</div>
				<div class="middle-end-last">
					<ul>
						<li class="end-last-ad-top">
							<img class="first-ad" src="./image/middle-head-bottom-ad1.png" alt="">
							<p class="end-link"><a href="">小米5 高配64GB</a></p>
							<p class="end-gist">黑科技手机，3D玻璃机身</p>
							<p class="end-sell">2099元</p>
						</li>
						<li class="end-last-ad">
							<img class="first-ad" src="./image/middle-head-bottom-ad2.png" alt="">
							<p class="end-link"><a href="">小米Max 优惠200元</a></p>
							<p class="end-gist">128GB大容量，4850mAh大电池</p>
							<p class="end-sell">1799元</p>
						</li>
						<li class="end-last-ad">
							<img class="first-ad" src="./image/middle-head-bottom-ad3.png" alt="">
							<p class="end-link"><a href="">红米Pro十核双摄</a></p>
							<p class="end-gist">购机即送Type-C转接头</p>
							<p class="end-sell">1499元起</p>
						</li>
						<li class="end-last-ad">
							<img class="first-ad" src="./image/middle-head-bottom-ad4.png" alt="">
							<p class="end-link"><a href="">小米笔记本</a></p>
							<p class="end-gist">独立显卡、超轻薄、金属机身</p>
							<p class="end-sell">3499元起</p>
						</li>
						<li class="end-last-ad-down">
							<img class="first-ad" src="./image/middle-head-bottom-ad5.png" alt="">
							<p class="end-link"><a href="">小米平板2 16GB现货</a></p>
							<p class="end-gist">轻薄全金属，海量内容</p>
							<p class="end-sell">999元</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="middle-mid">
			<div class="middle-all">
				<div class="middle-mid-top">
					<div class="mid-top-left">智能硬件</div>
					<div class="mid-top-right"><a href="">查看全部</a></div>
				</div>
				<div class="middle-mid-left">
					<div class="mid-left-ad">
						<a href=""><img src="./image/mid-left-ad.jpg" alt=""></a>
					</div>
				</div>
				<div class="middle-mid-right">
					<ul class="middle-mid-right-ad">
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-1.jpg" alt=""></a>
							<p><a href="">小米路由器3</a></p>
							<p>149元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-2.jpg" alt=""></a>
							<p><a href="">电助力折叠自行车</a></p>
							<p class="font-style">力矩传感电助力，折叠便携设计</p>
							<p class="pice">2999元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-3.jpg" alt=""></a>
							<p><a href="">小米净水器 厨下式</a></p>
							<p class="font-style">RO反渗透直出纯净水，包邮包安装</p>
							<p class="pice">1999元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-4.jpg" alt=""></a>
							<p><a href="">九号平衡车</a></p>
							<p class="font-style">年轻人的酷玩具，骑行遥控两种玩法</p>
							<p class="pice">1999元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-5.jpg" alt=""></a>
							<p><a href="">米兔智能故事机</a></p>
							<p class="font-style">宝宝又不好好吃饭，让米兔来哄宝宝吧</p>
							<p class="pice">199元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-6.jpg" alt=""></a>
							<p><a href="">米家压力IH电饭煲</a></p>
							<p class="font-style">智能定时烹饪，6期花呗免息</p>
							<p class="pice">999元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-7.jpg" alt=""></a>
							<p><a href="">小米笔记本Air 12.5英寸</a></p>
							<p class="font-style">更轻更薄，像杂志一样随身携带</p>
							<p class="pice">3499元</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad-8.jpg" alt=""></a>
							<p><a href="">米家LED智能台灯</a></p>
							<p class="font-style">无可视频闪，亮度色温无级调节</p>
							<p class="pice">169元</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="middle-all">
				<div class="middle-mid-top">
					<div class="mid-top-left">搭配</div>
					<div class="mid-top-right-tow">
						<a href="">热门</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">耳机音箱</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">电源</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">电池存储卡</a>
					</div>
				</div>
				<div class="middle-mid-left">
					<div class="mid-left-ad-tow">
						<ul>
							<li class="mid-ad-two"><img src="./image/mid-ad-two-1.jpg" alt=""></li>
							<li class="mid-ad-two"><img src="./image/mid-ad-two-2.jpg" alt=""></li>
						</ul>
					</div>
				</div>
				<div class="middle-mid-right">
					<ul class="middle-mid-right-ad">
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-1.jpg" alt=""></a>
							<p><a href="">小米圈铁耳机 银色</a></p>
							<p class="money">99元</p>
							<p class="solo">1.7万人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-2.jpg" alt=""></a>
							<p><a href="">小米圈铁耳机</a></p>
							<p class="money">99元</p>
							<p class="solo">1.7万人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-3.jpg" alt=""></a>
							<p><a href="">小米移动电源10000mAn 高配版</a></p>
							<p class="money">149元</p>
							<p class="solo">2.3万人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-4.jpg" alt=""></a>
							<p><a href="">小米蓝牙耳机</a></p>
							<p class="money">79元</p>
							<p class="solo">9.2万人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-5.jpg" alt=""></a>
							<p><a href="">小米插线板</a></p>
							<p class="money">49元</p>
							<p class="solo">25.2万人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-6.jpg" alt=""></a>
							<p><a href="">小米小钢炮蓝牙音箱2</a></p>
							<p class="money">129元</p>
							<p class="solo">1.4万人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad2-7.jpg" alt=""></a>
							<p><a href="">小米蓝牙音箱</a></p>
							<p class="money">199元</p>
							<p class="solo">2万人评价</p>
						</li>
						<li class="mid-right-ad">
							<ul class="mid-right-last">
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-size"><a href="">小米小钢炮...</a></p>
											<p class="last-money">99元</p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad1.jpg" alt=""></a>
										</li>
									</ul>
								</li>
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-font"><a href="">浏览更多</a></p>
											<p class="last-hot"><a href="">热门</a></p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad2.png" alt=""></a>
										</li>
									</ul>
								</li>
							</ul>
						</li>	
					</ul>
				</div>
			</div>
			<div class="middle-all">
				<div class="middle-mid-top">
					<div class="mid-top-left">配件</div>
					<div class="mid-top-right-tow">
						<a href="">热门</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">保护套</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">贴膜</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">其他配件</a>
					</div>
				</div>
				<div class="middle-mid-left">
					<div class="mid-left-ad-tow">
						<ul>
							<li class="mid-ad-two"><img src="./image/mid-ad-3-1.jpg" alt=""></li>
							<li class="mid-ad-two"><img src="./image/mid-ad-3-2.jpg" alt=""></li>
						</ul>
					</div>
				</div>
				<div class="middle-mid-right">
					<ul class="middle-mid-right-ad">
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-1.jpg" alt=""></a>
							<p><a href="">小米Max 超薄肤感软胶保护套</a></p>
							<p class="money">29元</p>
							<p class="solo">7354人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-2.jpg" alt=""></a>
							<p><a href="">红米Note4 标准高透贴膜</a></p>
							<p class="money">19元</p>
							<p class="solo">1351人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-3.jpg" alt=""></a>
							<p><a href="">红米手机3高配版 炫彩翻盖保护套</a></p>
							<p class="money">29元</p>
							<p class="solo">5644万人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-4.jpg" alt=""></a>
							<p><a href="">小米手机5 智能翻盖保护套</a></p>
							<p class="money">49元</p>
							<p class="solo">1.9万人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-5.jpg" alt=""></a>
							<p><a href="">小米Max 标准高透贴膜</a></p>
							<p class="money">19元</p>
							<p class="solo">7833人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-6.jpg" alt=""></a>
							<p><a href="">小米随身WIFI</a></p>
							<p class="money">19.9元</p>
							<p class="solo">3万人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad3-7.jpg" alt=""></a>
							<p><a href="">小米自拍杆</a></p>
							<p class="money">49元</p>
							<p class="solo">7.7万人评价</p>
						</li>
						<li class="mid-right-ad">
							<ul class="mid-right-last">
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-size"><a href="">钢化玻璃膜...</a></p>
											<p class="last-money">19元</p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad-1.jpg" alt=""></a>
										</li>
									</ul>
								</li>
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-font"><a href="">浏览更多</a></p>
											<p class="last-hot"><a href="">热门</a></p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad2.png" alt=""></a>
										</li>
									</ul>
								</li>
							</ul>
						</li>	
					</ul>
				</div>
			</div>
			<div class="middle-all">
				<div class="middle-mid-top">
					<div class="mid-top-left">周边</div>
					<div class="mid-top-right-tow">
						<a href="">热门</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">服饰</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">米兔</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="">生活周边</a>&nbsp;&nbsp;&nbsp;
						<a href="">箱包</a>
					</div>
				</div>
				<div class="middle-mid-left">
					<div class="mid-left-ad-tow">
						<ul>
							<li class="mid-ad-two"><img src="./image/mid-ad-4-1.png" alt=""></li>
							<li class="mid-ad-two"><img src="./image/mid-ad-4-2.png" alt=""></li>
						</ul>
					</div>
				</div>
				<div class="middle-mid-right">
					<ul class="middle-mid-right-ad">
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-1.jpg" alt=""></a>
							<p><a href="">小米短袖T恤 情侣米兔 女款</a></p>
							<p class="money">29元</p>
							<p class="solo">1664人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-2.jpg" alt=""></a>
							<p><a href="">小米V领短袖T恤 女款</a></p>
							<p class="money">29元</p>
							<p class="solo">3388人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-3.jpg" alt=""></a>
							<p><a href="">小米空气层连帽运动卫衣 男款</a></p>
							<p class="money">199元</p>
							<p class="solo">46万人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-4.jpg" alt=""></a>
							<p><a href="">悟空米兔</a></p>
							<p class="money">49元</p>
							<p class="solo">256人评价</p>							
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-5.jpg" alt=""></a>
							<p><a href="">变形金刚特别版声波</a></p>
							<p class="money">169元</p>
							<p class="solo">1836人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-6.jpg" alt=""></a>
							<p><a href="">小米轻动系百搭多用背包</a></p>
							<p class="money">39元</p>
							<p class="solo">3552人评价</p>
						</li>
						<li class="mid-right-ad">
							<a href=""><img src="./image/mid-ad4-7.jpg" alt=""></a>
							<p><a href="">文艺版米兔</a></p>
							<p class="money">49元</p>
							<p class="solo">285人评价</p>
						</li>
						<li class="mid-right-ad">
							<ul class="mid-right-last">
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-size"><a href="">金属鼠标垫...</a></p>
											<p class="last-money">49元</p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad-2.jpg" alt=""></a>
										</li>
									</ul>
								</li>
								<li class="last-ad">
									<ul>
										<li class="last-ad-list">
											<p class="last-font"><a href="">浏览更多</a></p>
											<p class="last-hot"><a href="">热门</a></p>
										</li>
										<li class="last-ad-list">
											<a href=""><img src="./image/last-ad2.png" alt=""></a>
										</li>
									</ul>
								</li>
							</ul>
						</li>	
					</ul>
				</div>
			</div>
		</div>
		<div class="middle-end">
				<div class="middle-end-top">
					<div class="end-top-left">为你推荐</div>
					<div class="end-top-right">
						<input type="submit" value="左" class="end-button"><input type="submit" value="右" class="end-button">
					</div>
				</div>
				<div class="middle-end-last">
					<ul>
						<li class="end-last-ad-top">
							<img src="./image/last-1.jpg" alt="">
							<p class="end-link"><a href="">小米小钢炮蓝牙音箱2</a></p>
							<p class="end-money">129元</p>
							<p class="end-solo">1.4万人好评</p>
						</li>
						<li class="end-last-ad">
							<img src="./image/last-2.jpg" alt="">
							<p class="end-link"><a href="">小米手环</a></p>
							<p class="end-money">69元</p>
							<p class="end-solo">11.9万人好评</p>
						</li>
						<li class="end-last-ad">
							<img src="./image/last-3.jpg" alt="">
							<p class="end-link"><a href="">小米方盒子蓝牙音箱</a></p>
							<p class="end-money">99元</p>
							<p class="end-solo">1.5万人好评</p>
						</li>
						<li class="end-last-ad">
							<img src="./image/last-4.jpg" alt="">
							<p class="end-link"><a href="">小米蓝牙音箱</a></p>
							<p class="end-money">199元</p>
							<p class="end-solo">2万人好评</p>
						</li>
						<li class="end-last-ad-down">
							<img src="./image/last-5.jpg" alt="">
							<p class="end-link"><a href="">小米网络收音机</a></p>
							<p class="end-money">129元</p>
							<p class="end-solo">2709人好评</p>
						</li>
					</ul>
				</div>
		</div>
		<div class="middle-last">
			<div class="middle-last-top">
				<div class="middle-last-top-left">热评产品</div>
				<!-- <div class="middle-last-top-right"></div> -->
			</div>
			<div class="middle-last-bottom">
				<ul>
					<li class="last-ad-list-top">
						<img src="./image/last-end-ad-1.jpg" alt="">
						<p class="last-end-line"><a href="">很好，孩子很喜欢，产品不错</a></p>
						<p class="last-end-size">来自 showen 的评价</p>
						<a class="last-end-link" href="">米兔儿童电话手表</a><span>299元</span>
					</li>
					<li class="last-ad-list">
						<img src="./image/last-end-ad-2.jpg" alt="">
						<p class="last-end-line"><a href="">非常可爱，一拿到小宝宝还没享受，一帮大宝宝先high了一把；同事也想买，希望在单大卖</a></p>
						<p class="last-end-size">来自 showen 的评价</p>
						<a class="last-end-link" href="">米兔儿童电话手表</a><span>299元</span>
					</li>
					<li class="last-ad-list">
						<img src="./image/last-end-ad-3.jpg" alt="">
						<p class="last-end-line"><a href="">挺好......一直用小米......感觉不会再爱上别的品牌了......</a></p>
						<p class="last-end-size">来自于 印象主义 的评价</p>
						<a  class="last-end-link" href="">红米Note 3全网通版</a><span>799元</span>
					</li>
					<li class="last-ad-list-down">
						<img src="./image/last-end-ad-4.jpg" alt="">
						<p class="last-end-line"><a href="">非常好用，家里的空气明显改善，净化效果惊人，以前小孩早上起来总打喷嚏，现在一个也不打了。在小米发布...</a></p>
						<p class="last-end-size">来自 h泓毅y 的评价</p>
						<a class="last-end-link" href="">小米空气净化器2</a><span>699元</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="middle-last">
			<div class="middle-last-top">
				<div class="middle-last-top-left">内容</div>
				<!-- <div class="middle-last-top-right"></div> -->
			</div>
			<div class="middle-last-bottom">
				<ul>
					<li class="end-book">
						<p class="book">图书</p>
						<p><center><a class="book-name" href="">哈利·波特与魔法石</a></center></p>
						<p class="come">哈利波特来了 !</p>
						<img src="./image/book1.jpg" alt="">
					</li>
					<li class="miui">
						<p class="book">MIUI 主题</p>
						<p><center><a class="book-name" href="">剑侠世界</a></center></p>
						<p class="come">游戏同名主题，免费下载！吴亦凡陪你仗剑江湖！</p>
						<img src="./image/book2.jpg" alt="">
					</li>
					<li class="game">
						<p class="book">游戏</p>
						<p><center><a class="book-name" href="">剑侠世界</a></center></p>
						<p class="come">一身不容错过的浪漫武侠！！</p>
						<img src="./image/book3.jpg" alt="">
					</li>
					<li class="app">
						<p class="book">应用</p>
						<p><center><a class="book-name" href="">2015年度应用</a></center></p>
						<p class="come">2015年度应用</p>
						<img src="./image/book4.png" alt="">
					</li>
				</ul>
			</div>
		</div>
		<div class="middle-last">
			<div class="middle-last-top">
				<div class="middle-last-top-left">视频</div>
				<div class="middle-last-top-right">
					<a href="">查看全部</a>
				</div>
			</div>
			<div class="middle-last-bottom">
				<ul class="mv">
					<li class="mv1">
						<a class="mv-img" href=""><img src="./image/mv1.jpg" alt=""></a>
						<p><a class="mv-font" href="">红米年度品牌视频</a></p>
						<p class="mv-size">一亿人喜爱你，是一种责任。</p>
					</li>
					<li class="mv2">
						<a class="mv-img" href=""><img src="./image/mv2.jpg" alt=""></a>
						<p><a class="mv-font" href="">小米笔记本Air最前介绍视频</a></p>
						<p class="mv-size">带独立显卡的轻薄笔记本</p>
					</li>
					<li class="mv2">
						<a class="mv-img" href=""><img src="./image/mv3.jpg" alt=""></a>
						<p><a class="mv-font" href="">小米笔记本Air可靠性测试视频</a></p>
						<p class="mv-size">小米笔记本Air是如何炼成的？</p>
					</li>
					<li class="mv3">
						<a class="mv-img" href=""><img src="./image/mv4.jpg" alt=""></a>
						<p><a class="mv-font" href="">小米Max 绝美外观视频</a></p>
						<p class="mv-size">6.44"大屏黄金尺寸，看什么都震撼</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
<!-- 主体结束 -->
<!-- 底部开始 -->
	<div class="foot">
		<div class="end">
			<div class="end-top">
				<ul class="fix">
					<li class="fix-list-top"><a href="">预约维修服务</a></li><span class="right"></span>
					<li class="fix-list"><a href="">7天无理由退货</a></li><span class="right"></span>
					<li class="fix-list"><a href="">15天免费换货</a></li><span class="right"></span>
					<li class="fix-list"><a href="">满150元包邮</a></li><span class="right"></span>
					<li class="fix-list-last"><a href="">520余家售后网点</a></li>
				</ul>
				<span class="under"></span>
			</div>
			<div class="end-mid">
				<ul class="fix-list">
					<li class="end-list">
						<p class="list-top">帮助中心</p>
						<p><a class="list-link" href="">账户管理</a></p>
						<p><a class="list-link" href="">购物指南</a></p>
						<p><a class="list-link" href="">订单操作</a></p>
					</li>
					<li class="end-list">
						<p class="list-top">服务支持</p>
						<p><a class="list-link" href="">售后政策</a></p>
						<p><a class="list-link" href="">自助服务</a></p>
						<p><a class="list-link" href="">相关下载</a></p>
					</li>
					<li class="end-list">
						<p class="list-top">线下门店</p>
						<p><a class="list-link" href="">小米之家</a></p>
						<p><a class="list-link" href="">服务网点</a></p>
						<p><a class="list-link" href="">零售网点</a></p>
					</li>
					<li class="end-list">
						<p class="list-top">关于小米</p>
						<p><a class="list-link" href="">了解小米</a></p>
						<p><a class="list-link" href="">加入小米</a></p>
						<p><a class="list-link" href="">联系我们</a></p>
					</li>
					<li class="end-list">
						<p class="list-top">关注我们</p>
						<p><a class="list-link" href="">新浪微博</a></p>
						<p><a class="list-link" href="">小米部落</a></p>
						<p><a class="list-link" href="">官方微信</a></p>
					</li>
					<li class="end-list">
						<p class="list-top">特色服务</p>
						<p><a class="list-link" href="">F 码通道</a></p>
						<p><a class="list-link" href="">小米移动</a></p>
						<p><a class="list-link" href="">防伪查询</a></p>
					</li>
				</ul>
				<span class="cut-end"></span>
				<div class="mm">
					<p class="phone">400-100-5678</p>
					<p class="rest">周一至周日 8:00-18:00
					（仅收市话费）</p>
					<a href=""><p class="save">24小时在线客服</p></a>
				</div>
			</div>
			<div class="end-last">
				<div class="logo"><img src="./image/logo1.png" alt=""></div>
				<div class="mid-menu">
					<a class="link-last" href="">小米商城</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">MIUI</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">米聊</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">多看书城</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">小米路由器</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">视频电话</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">小米后院</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">小米天猫店</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">小米网盟</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">问题反馈</a>
					<span class="cut-last"></span>
					<a class="link-last" href="">Select Region</a>
					<p>&copy;
						<a class="link-end" href="">mi.com</a>&nbsp;京ICP证110507号&nbsp;京ICP备100464444&nbsp;
						<a class="link-end" href="">京公网安备11010802020134号</a>&nbsp;
						<a class="link-end" href="">京网文[2014]0059-0009号</a>
					</p>
					<p>
						违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
				</div>
				<div class="logo-right">
					<ul>
						<li class="logo-right-end"><img src="./image/logo2.png" alt=""></li>
						<li class="logo-right-end"><img src="./image/logo3.png" alt=""></li>
						<li class="logo-right-end"><img src="./image/logo4.png" alt=""></li>
						<li class="logo-right-end"><img src="./image/logo5.png" alt=""></li>
					</ul>
				</div>
			</div>
			<div class="MI">
				<p>探索黑科技，小米为发烧而生！</p>
			</div>
		</div>
	</div>
<!-- 底部结束 -->
</body>
</html>